home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 February / PCWFEB06.iso / Software / Resources / Paint.NET v2.5 RC2 / PaintDotNet_2_5_RC2.exe / PaintDotNet.msi / _D7084C514EF09DC6AC3E3B757292BED3 < prev    next >
Encoding:
Text File  |  2005-11-16  |  7.6 KB  |  149 lines
  1. <html>
  2.  
  3. <!-- #BeginTemplate "pdn_help.dwt" -->
  4.  
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  7. <!-- #BeginEditable "title" -->
  8. <title>Levels Adjustment</title>
  9. <!-- #EndEditable -->
  10. <link rel="stylesheet" type="text/css" href="../stylesheet.css">
  11. </head>
  12.  
  13. <body>
  14.  
  15. <div id="banner">
  16.     <img border="0" src="../images/logo.png" width="229" height="73" align="left"><p><b><br>
  17.     NOTE:</b> This document is still being written (it is "under construction"). Its contents are preliminary, incomplete, 
  18.     and subject to change.</p>
  19. </div>
  20. <div id="leftnav">
  21.     <ul class="toc" style="margin-left: 0; padding-left: 0;">
  22.         <li><a href="index.html">Overview</a><br>
  23.         </li>
  24.         <li><a href="Features.html">Features</a><br>
  25.         </li>
  26.     </ul>
  27.     <h3>Concepts</h3>
  28.     <ul class="toc" style="margin-left: 0; padding-left: 0;">
  29.         <li>Layers and Transparency<br>
  30.         </li>
  31.         <li>Selections<br>
  32.         </li>
  33.     </ul>
  34.     <h3>User Interface</h3>
  35.     <ul class="toc" style="margin-left: 0; padding-left: 0;">
  36.         <li><a href="KeyboardMouseCommands.html">Keyboard & Mouse Commands</a></li>
  37.         <li><a href="MainWindow.html">Main Window</a></li>
  38.         <li><a href="MenuBar.html">Menu Bar</a>
  39.         <ul class="toc">
  40.             <li><a href="File.html">File</a></li>
  41.             <li><a href="Edit.html">Edit</a></li>
  42.             <li><a href="View.html">View</a></li>
  43.             <li><a href="Image.html">Image</a></li>
  44.             <li><a href="Layers.html">Layers</a>
  45.             <ul class="toc">
  46.                 <li class="comment"><a href="RotateZoom.html">Rotate / Zoom</a></li>
  47.                 <li><a href="Adjustments.html">Adjustments</a>
  48.                 <ul class="toc">
  49.                     <li><a href="Levels.html">Levels</a></li>
  50.                 </ul>
  51.                 </li>
  52.             </ul>
  53.             </li>
  54.             <li><a href="Effects.html">Effects</a></li>
  55.             <li><a href="Tools.html">Tools</a></li>
  56.             <li><a href="Window.html">Window</a></li>
  57.             <li><a href="Help.html">Help</a></li>
  58.             <li>Toolbar</li>
  59.         </ul>
  60.         </li>
  61.         <li>Tools Window<ul class="toc">
  62.             <li>Selection Tools</li>
  63.             <li>Brush Tools</li>
  64.             <li>Pixel Tools</li>
  65.             <li>Shape Tools</li>
  66.             <li>Text Tool</li>
  67.             <li>Paint Bucket</li>
  68.             <li>Clone Stamp</li>
  69.             <li>Recolor Tool</li>
  70.         </ul>
  71.         </li>
  72.         <li>History Window</li>
  73.         <li>Layers Window</li>
  74.         <li><a href="ColorsWindow.html">Colors Window</a></li>
  75.         <li>Status Bar</li>
  76.     </ul>
  77.     </li>
  78.     <h3>Other</h3>
  79.     <ul class="toc" style="margin-left: 0; padding-left: 0;">
  80.         <li><a href="FAQ.html">FAQ (Frequently Asked Questions)</a></li>
  81.         <li><a href="UnattendedInstallation.html">Unattended Installation</a></li>
  82.         <li><a href="SystemRequirements.html">System Requirements</a></li>
  83.         <li><a href="WebLinks.html">Web Links</a></li>
  84.         <li><a href="License.html">License</a></li>
  85.     </ul>
  86. </div>
  87. <div id="content">
  88.     <!-- #BeginEditable "content" -->
  89.  
  90.  
  91.     <h2>Levels Adjustment</h2>
  92.     <p>The Levels adjustment can be used to alter the color range (or "exposure") of an image, including gamma adjustments, 
  93.     on a channel-by-channel basis. Most adjustments performed using levels consist of changing a pictures input and output 
  94.     white point, black point, and grey point. The white point of an image is the brightest color that appears in the image, 
  95.     while the black point is the darkest color that will appear in an image. The grey point represents the average color 
  96.     of the entire image.</p>
  97.     <p align="center"><img border="0" src="Images/Levels1.png" width="488" height="256"> </p>
  98.     <p>Each of these color points of an image may be adjusted using Levels. In the dialog above, there are 5 numeric inputs 
  99.     and 5 color swatches. The two along the left side in the 'Input' section indicate the input white and black points. 
  100.     These colors may be adjusted using the numeric inputs, the slider, or by double-clicking on the color swatches. The 
  101.     white point on this side is the color that should be adjusted to become the white point selected on the right side. 
  102.     When the adjustment is performed, colors in the image as bright or brighter than this color will adjust to be equal 
  103.     to the output white point (in the above screenshot, the output white point has been left at its default value, white). 
  104.     Correspondingly, the input black point has been adjusted in the dialog pictured above, so the darkest colors of the 
  105.     output image will be adjusted to be simply black. By adjusting the white point to be slightly darker, we are making 
  106.     that same dark color be as bright as white in the output, and by adjusting the black point to be slightly brighter, 
  107.     we are making those dark colors of the image absolutely black. Also, in the dialog above, the output grey point has 
  108.     been adjusted to be slightly brighter. While this does not effect the whites and blacks of the image, it causes the 
  109.     overall color of the image to be brightened.</p>
  110.     <p align="center"><img border="1" src="../images/LewistonSunset_small.jpg" width="320" height="240">
  111.     <img border="1" src="../images/LewistonSunset_small_Levels1.jpg" width="320" height="240"></p>
  112.     <p>These adjustments end up stretching the range of an image, visible through the histograms on each side of the levels 
  113.     dialog. The histogram on the left indicates the color curve of the image before any adjustment, this histogram represents 
  114.     the amount of an image that is equal to a given color. In the case of the one pictured above, the histogram indicates 
  115.     that a signifacant portion of the image is nearly black, with a second bulge around 40% brightness. Also, the small 
  116.     spike at the top edge of the input histogram indicates that there is a small portion of the image that is completely 
  117.     white.</p>
  118.     <p>With Level's default settings, the output histogram will be equal to the input histogram. Every adjustment that is 
  119.     performed on the image, however, will cause the output histogram to be updated to represent the changes that will result 
  120.     in the output image. Causing the output histogram to be spread thinner results in an image with higher contrast. Squishing 
  121.     the histogram to a single peak, on the other had, will result in an image with very low contrast. Any of the adjustments 
  122.     between these extremes are possible with levels. In the screenshot above, a significant portion of the image is 'blacked 
  123.     out', resulting in a large spike at the bottom end. The same is true of the top end, where much of the image is 'whited 
  124.     out'. Overall, the histogram has been streteched very thin, as evident from the high contrast present in the image.</p>
  125.     <p>Up to this point, all adjustments have been performed on a all channels, red, green and blue. By using the R, G, 
  126.     B checkboxes (pictured below), individual channels may be adjusted seperately (as well as two at a time). In the picture 
  127.     below, the gamma has been adjusted for the green and blue channels at the same time, causing the level of cyan in the 
  128.     image to drop overall. This accentuates the red of the image, as shown in the picture below.</p>
  129.     <p align="center"> <img border="0" src="Images/Levels2.png" width="488" height="256"></p>
  130.     <p align="center"><img border="1" src="../images/LewistonSunset_small.jpg" width="320" height="240">
  131.     <img border="1" src="../images/LewistonSunset_small_Levels2.jpg" width="320" height="240"></p>
  132.  
  133.     <!-- #EndEditable -->
  134.     <h4><br>
  135.     <br>
  136.     </h4>
  137.     <font color="#808080" size="1">Copyright <font face="Times New Roman">⌐ 2005 </font>Rick Brewster, Chris Crosetto, Tom 
  138.     Jackson, Michael Kelsey, Brandon Ortiz, Craig Taylor, Chris Trevino, and Luke Walker. Portions Copyright
  139.     <font face="Times New Roman">⌐ 2005 </font>Microsoft Corporation. All Rights Reserved.</font><font size="1"> <br>
  140.     </font>
  141. </div>
  142. </b>
  143.  
  144. </body>
  145.  
  146. <!-- #EndTemplate -->
  147.  
  148. </html>
  149.